<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <meta name="description" content="">
  <meta name="author" content="">
  <title>欢迎使用</title>

  <!-- Bootstrap core CSS -->
  <link href="css/bootstrap.css" rel="stylesheet">

  <!-- Custom styles for this template -->
  <link href="css/login.css" rel="stylesheet">

  <script src="/home/js/jquery.min.js"></script>
  <script src="/home/js/bootstrap.min.js"></script>
<style>
  .uk-text-danger{
    color: red;
  }
  .uk-form-row{
    height: 70px;
  }
  .nav-tabs li{
    font-size:18px;
    text-align: center;
    width: 50%;
  }
  #myTabs li.active a{
    background-color: #f8f8f8;
    border-top: solid #337ab7 5px;
    margin-right: 0;
    border-right-width: 0px;
    border-left-width: 0px;
  }

  .tab-pane{
    background-color: #f8f8f8;
  }
</style>
</head>
  <body>

  <div class="container">

    <div>
      <!-- Nav tabs -->
      <ul class="nav nav-tabs" id="myTabs" role="tablist">
        <li role="presentation" class="active"><a href="#login" aria-controls="login" role="tab" data-toggle="tab">登录</a></li>
        <li role="presentation"><a id="register_a" href="#register" aria-controls="register" role="tab" data-toggle="tab">注册</a></li>
      </ul>

      <!-- Tab panes -->
      <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="login">
          <form class="form-signin">
            <h2 class="form-signin-heading" style="text-align: center">登录</h2>
            <p class="alert" id="J_tips"></p>
            <label for="useraccount" class="sr-only">账号</label>
            <input type="email" id="useraccount" name="account" class="form-control" placeholder="请输入手机号/邮箱" required autofocus>
            <label for="userpwd" class="sr-only">密码</label>
            <input type="password" id="userpwd" name="password" class="form-control" placeholder="请输入密码" required>
            <button class="btn btn-lg btn-primary btn-block" id="J_login" type="button">登录</button>

          </form>
        </div>
        <div role="tabpanel" class="tab-pane" id="register">
          <div class="uk-panel-header login-header header" style="display: none;">
            <div class="uk-panel-title uk-clearfix">
              <h2 style="color: #00a65a">注册成功</h2>
              <p>正在跳转页面,请稍等...</p>
            </div>
          </div>
          <form class="form-signin">
            <h2 class="form-signin-heading" style="text-align: center">注册</h2>
            <div class="uk-form-row">
              <label for="username" class="sr-only">姓名</label>
              <input type="text" id="username" name="username" class="form-control" placeholder="姓名" required autofocus>
              <div class="help-block uk-text-danger"></div>
            </div>
            <div class="uk-form-row">
              <label for="phone" class="sr-only">手机号码</label>
              <input type="text" id="phone" name="phone" class="form-control" placeholder="手机号码" required>
              <div class="help-block uk-text-danger"></div>
            </div>
            <div class="uk-form-row">
              <label for="email" class="sr-only">邮箱地址</label>
              <input type="email" id="email" name="email" class="form-control" placeholder="邮箱地址" required>
              <div class="help-block uk-text-danger"></div>
            </div>
            <div class="uk-form-row">
              <label for="password" class="sr-only">密码</label>
              <input type="password" id="password" name="password" class="form-control" placeholder="请输入6-20位密码" required>
              <div class="help-block uk-text-danger"></div>
            </div>
            <div class="uk-form-row">
              <label for="pwconfirm" class="sr-only">确认密码</label>
              <input type="password" id="pwconfirm" name="pwconfirm" class="form-control" placeholder="重复输入密码" required>
              <div class="help-block uk-text-danger"></div>
            </div>
            <div class="uk-form-row" style="height: 20px">
              <label for="save">
                <input type="checkbox" name="save" id="save" class="uk-vertical-align-middle">
                <span class="save-text">我已阅读并同意<a href="">《服务协议》</a></span>
              </label>
            </div>
            <button style="margin-top: 10px" class="btn btn-lg btn-success btn-block" id="J_register" type="button">注册</button>
          </form>
        </div>
      </div>
    </div>



  </div> <!-- /container -->
  </body>

<script>
  $('#myTabs a').click(function (e) {
    e.preventDefault()
    $(this).tab('show')
  })
</script>
<script src="/home/js/widgets/util.js" charset="utf-8"></script>
<script src="/home/js/widgets/login_m.js" charset="utf-8"></script>
<script src="/home/js/widgets/register_m.js" charset="utf-8"></script>
</html>